<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable"/>
    <title>期中仿照作业</title>
    <link rel="stylesheet" href="css/index_div_base.css">
    <link rel="stylesheet" href="css/index_img.css">
    <link rel="stylesheet" href="css/index_body-base.css">
    <link rel="stylesheet" href="css/index_div_detail.css">
    <link rel="stylesheet" href="css/index_p.css">
    <link rel="stylesheet" href="css/index_span.css">
    <link rel="stylesheet" href="css/index_hr.css">
    <link rel="stylesheet" href="css/index_media.css">
</head>
<body>
<div>
<div id="one">
    <img src="img/title_INFIN.png" alt="title">
    <div class="eight">
        <div class="one">HOME</div>
         <div class="two">WORK</div>
         <div class="two">CONTACT</div>
         <div class="two">JOIN US</div>
    </div>
</div>
    <div class="seven">
    <img src="img/title_INFIN.png" alt="title">
    <div class="eight">
        <div class="one">HOME</div>
         <div class="two">WORK</div>
         <div class="two">CONTACT</div>
         <div class="two">JOIN US</div>
    </div>
</div>


<div id="three">
    <img src="img/banner_OPPO_Reno2.jpg" alt="OPPO">
    <p id="four">OPPO Reno2</p>
    <div id="five">
        <span id="six"></span>
        <span class="three"></span>
        <span class="three"></span>
        <span class="three"></span>
        <span class="three"></span>
    </div>
</div>

<p id="seven">
    INFINI （映纷创意）是一家独立创新营销公司， 致力于创造会流动的美好创意。
    我们从策略与洞察出发，不断探索营销和创意的多元表达，用创作精神为品牌提供更具生命力的跨媒体整合营销服务。
</p>

<div id="eight">
    <img src="img/logo/wangyi_game.jpg" alt="logo">
    <img src="img/logo/perfect_world.jpg" alt="logo">
    <img src="img/logo/sougou.jpg" alt="logo">
    <img src="img/logo/headline_date.jpg" alt="logo">
    <img src="img/logo/OPPO.jpg" alt="logo">
    <img src="img/logo/QQ.jpg" alt="logo">
    <img src="img/logo/youku.jpg" alt="logo">
    <img src="img/logo/UC_brower.jpg" alt="logo">
    <img src="img/logo/lianjia.jpg" alt="logo">
    <img src="img/logo/douyin.jpg" alt="logo">
    <img src="img/logo/alibaba.jpg" alt="logo">
    <img src="img/logo/HUAWEI.jpg" alt="logo">
    <img src="img/logo/douban.jpg" alt="logo">
    <img src="img/logo/leshi.jpg" alt="logo">
</div>

<div id="night">
    <div class="four">
        <img src="img/pic/icon_many_black.jpg">
        <p class="five">小米MIUI for Watch</p>
        <img src="img/pic/people_photo_outside.jpg">
        <p class="five">爱彼此 | 校园玩家，夏日开玩</p>
        <img src="img/pic/midea_mom_kid.jpg">
        <p class="five">美的无风感空调 | 母亲节</p>
        <img src="img/pic/box_gift.jpg">
        <p class="five">[抖来运转 福满乾坤] 礼盒</p>
        <img src="img/pic/woman_smile.jpg">
        <p class="five">今日头条年度盛典</p>
        <img src="img/pic/huoyingrenzhe.jpg">
        <p class="five">火影忍者</p>
        <img src="img/pic/people_house.jpg">
        <p class="five">贝壳找房</p>
        <img src="img/pic/snacks_music.jpg">
        <p class="five">抖音品牌升级片</p>
        <img src="img/pic/caishen.jpg">
        <p class="five">新浪微博 让红包飞</p>
        <img src="img/pic/people_rain.jpg">
        <p class="five">周杰伦2000W个故事</p>
        <img src="img/pic/embryo_fish.jpg">
        <p class="five">腾讯WE大会</p>
        <img src="img/pic/speakers_tianmao.jpg">
        <p class="five">天猫幻响电音节</p>
        <img src="img/pic/angel_clap.jpg">
        <p class="five">聚星台会员通</p>
        <img src="img/pic/moon.jpg">
        <p class="five">动画短片《旅行者大意了》</p>
        <img src="img/pic/hive_blue.jpg">
        <p class="five">未来媒体蜂会</p>
        <img src="img/pic/comic_struuggle.jpg">
        <p class="five">吴亦凡——器官的纷争</p>
        <img src="img/pic/ribbon_funnel_red.jpg">
        <p class="five">今日头条品牌概念动画</p>
    </div>
    <div id="ten">
        <img src="img/pic/phone_OPPO_Reno2.jpg">
        <p class="five">OPPO Reno2</p>
        <img src="img/pic/island_u.jpg">
        <p class="five">百度AI开发者大会</p>
        <img src="img/pic/people_tea.jpg">
        <p class="five">至家hommey</p>
        <img src="img/pic/phone_pink.jpg">
        <p class="five">腾讯视频年终盘点</p>
        <img src="img/pic/phone_person_hourglass.jpg">
        <p class="five">宝洁逆转沙漏</p>
        <img src="img/pic/person_future.jpg">
        <p class="five">腾讯WE大会</p>
        <img src="img/pic/uphill_ride.jpg">
        <p class="five">青桔单车</p>
        <img src="img/pic/ticket_hometown.jpg">
        <p class="five">2017我的家乡头条</p>
        <img src="img/pic/people_many_lifestyle.jpg">
        <p class="five">TopBuzz</p>
        <img src="img/pic/headline_title.jpg">
        <p class="five">2017年十大头条盘点H5</p>
        <img src="img/pic/TFboys_future.jpg">
        <p class="five">TFBOYS限量概念宣传片</p>
        <img src="img/pic/mona_lisa.jpg">
        <p class="five">世界名画都起来了H5</p>
        <img src="img/pic/phone_green.jpg">
        <p class="five">清新实验室大揭秘H5</p>
        <img src="img/pic/people_two_computer.jpg">
        <p class="five">今日头条功能片第一弹</p>
        <img src="img/pic/jinritoutiao.jpg">
        <p class="five">今日就看今日头条</p>
        <img src="img/pic/cancers_many_red.jpg">
        <p class="five">癌症大数据</p>
        <img src="img/pic/bulb_red.jpg">
        <p class="five">华为发布会《改变未来的开始》</p>
    </div>
    <div class="four">
        <img src="img/pic/JD_future_phone.jpg">
        <p class="five">京东818手机节</p>
        <img src="img/pic/plane_future.jpg">
        <p class="five">LAZADA的异乡世界</p>
        <img src="img/pic/springfestival.jpg">
        <p class="five">赐你一封拜年祭</p>
        <img src="img/pic/tik_tok.jpg">
        <p class="five">抖音海外版Tik Tok</p>
        <img src="img/pic/food_dance.jpg">
        <p class="five">中国抖有味</p>
        <img src="img/pic/phone_oppo_R17.jpg">
        <p class="five">OPPO R17系列</p>
        <img src="img/pic/deer.jpg">
        <p class="five">敦煌数字供养人</p>
        <img src="img/pic/people_many_oppo.jpg">
        <p class="five">OPPO R15</p>
        <img src="img/pic/phone_oppo_red.jpg">
        <p class="five">OPPO R11s星幕新年版</p>
        <img src="img/pic/people_subway.jpg">
        <p class="five">腾讯WiFi管家，地铁都能连</p>
        <img src="img/pic/dollar_rose.jpg">
        <p class="five">前方100美元正在向你告白</p>
        <img src="img/pic/phone_xiaomi.jpg">
        <p class="five">小米max2创意海报</p>
        <img src="img/pic/comic_mom_son.jpg">
        <p class="five">今日头条功能片第二弹</p>
        <img src="img/pic/G7.jpg">
        <p class="five">汇通天下G7品牌动画</p>
        <img src="img/pic/hometown_distance.jpg">
        <p class="five">为什么我们要回家过年</p>
        <img src="img/pic/people_many_blue.jpg">
        <p class="five">头条号创作平台</p>
        <img src="img/pic/bulbs_many.jpg">
        <p class="five">在豆瓣，兴趣让用户与品牌不期而遇</p>
    </div>
</div>

<div id="eleven">
    <div id="twelve">
        <img src="img/logo/D.jpg" alt="bottom1">
        <img src="img/logo/zhanku.jpg" alt="bottom1">
        <img src="img/logo/weibo1.jpg" alt="bottom0 bottom1">
    </div>
    <div id="thirteen">
        <img src="img/logo/INFIN.jpg" alt="bottom2">
        <p id="fourteen">INFINI | 印纷创意</p>
        <p class="six">北京市朝阳区懋隆创意园</p>
        <p class="six">TEL : 010-85394331</p>
        <p class="six">QQ : 7585917</p>
        <p class="six">Email : infinistudio@foxmail.com</p>
        <p id="fifteen">weibo : @InfiniStudio</p>
    </div>
</div>
</body>
</html>



